<!--
* @description  : 面单历史
* @descriptionDetail: 面单历史
* @copyright    : 面单历史
* @author       : dw
* @create       : 2022-07-25 16:15:38
-->
<template>
  <view class="item">
    <view class="list">
      <view class="top-part">
        <view class="part-left">
          <text class="title-text">
            面单编号：{{ sealInfo.billCode }}
          </text>
        </view>
      </view>
      <view class="bottom-part">
        <view class="item-reason">
          <text>登记单位：</text>{{ sealInfo.orgName }}
        </view>
        <view class="item-reason">
          <text>案件编号：</text>{{ $u.test.isEmpty(sealInfo.caseCode) ? "未录入" : sealInfo.caseCode }}
        </view>
        <view class="item-reason">
          <text>物品数量 ：</text>{{ $u.test.isEmpty(sealInfo.goodCnt) ? "未录入" : sealInfo.goodCnt }}
        </view>
        <view class="item-reason">
          <text>所属快递公司 ：</text>{{ $u.test.isEmpty(sealInfo.expressCompanyName) ? "未录入" : sealInfo.expressCompanyName }}
        </view>
        <view class="item-reason">
          <text>发件人 ：</text>{{ $u.test.isEmpty(sealInfo.sender) ? "未录入" : sealInfo.sender }}
        </view>
        <view class="item-reason">
          <text>发件人电话 ：</text>{{ $u.test.isEmpty(sealInfo.sendTel) ? "未录入" : sealInfo.sendTel }}
        </view>
        <view class="item-reason">
          <text>揽件人 ：</text>{{ $u.test.isEmpty(sealInfo.packager) ? "未录入" : sealInfo.packager }}
        </view>
        <view class="item-reason">
          <text>揽件人电话 ：</text>{{ $u.test.isEmpty(sealInfo.packagerTel) ? "未录入" : sealInfo.packagerTel }}
        </view>
        <view class="item-reason">
          <text>揽件站点 ：</text>{{ $u.test.isEmpty(sealInfo.packagerSite) ? "未录入" : sealInfo.packagerSite }}
        </view>
        <view class="item-reason">
          <text>收件人 ：</text>{{ $u.test.isEmpty(sealInfo.receiver) ? "未录入" : sealInfo.receiver }}
        </view>
        <view class="item-reason">
          <text>收件人电话 ：</text>{{ $u.test.isEmpty(sealInfo.receiverTel) ? "未录入" : sealInfo.receiverTel }}
        </view>
        <view class="item-reason">
          <text>查获人 ：</text>{{ $u.test.isEmpty(sealInfo.getPerson) ? "未录入" : sealInfo.getPerson }}
        </view>
        <view class="item-reason">
          <text>查获人电话 ：</text>{{ $u.test.isEmpty(sealInfo.getPersonTel) ? "未录入" : sealInfo.getPersonTel }}
        </view>
        <view class="item-reason">
          <text>查获地址 ：</text>{{ $u.test.isEmpty(sealInfo.getProvCityCountyName) ? "未录入" : sealInfo.getProvCityCountyName }}
        </view>
        <view class="item-reason">
          <text>发件地址 ：</text>{{ $u.test.isEmpty(sealInfo.sendProvCityCountyName) ? "未录入" : sealInfo.sendProvCityCountyName }}
        </view>
        <view class="item-reason">
          <text>派件地址 ：</text>{{ $u.test.isEmpty(sealInfo.dispatcherProvCityCountyName) ? "未录入" : sealInfo.dispatcherProvCityCountyName }}
        </view>
        <view class="item-reason">
          <text>收件地址 ：</text>{{ $u.test.isEmpty(sealInfo.receiverProvCityCountyName) ? "未录入" : sealInfo.receiverProvCityCountyName }}
        </view>
        <view class="item-reason">
          <text>入库时间 ：</text>{{ $u.test.isEmpty(sealInfo.createTime) ? "未录入" : sealInfo.createTime }}
        </view>
      </view>
    </view>
  </view>
</template>

<script>
/**
* caseInfoItem 信息列表
* @description 我的案例和在线案例的信息列表,使用
* @property {Object} sealInfo 使用此组件须传数据，做列表展示
* @property {Boolean} flag 此标志位用于区分离线列表和在线列表
*/
export default {
  name:"CaseInfoItem",
  props: {
    sealInfo:{
      type:Object,
      required:true,
    },
    flag:{
      type:Boolean,
      default:function(){
        return true
      },
    },
  },
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>

<style lang="scss" scoped>
 .list {
     width: 100%;
     height: auto;
     background-color: $uni-bg-color;
     //padding: 40rpx 30rpx 30rpx;
 }

 .img-size {
     width: 32rpx;
     height: 36rpx;
     vertical-align: middle;
 }

 .title-text {
     vertical-align: middle;
     font-weight: 600;
     font-size: 36rpx;
 }

 .top-part {
     display: flex;
     justify-content: space-between;
      margin-bottom: 20rpx;
 }

 .middle-btns {
     display: inline-block;
     width: auto;
     margin: 16rpx 4rpx;
     pointer-events: none;
     background-color: $uni-bg-color-grey;
     background-color: $u-type-info-light;
     border-color: $u-type-info-light;
 }

 .item-reason {
     color: $uni-text-color;
     font-size: 28rpx;
     padding-bottom: 8px;
     font-family: '微软雅黑', sans-serif;
	:nth-child(n+1){
		margin-top: 20rpx;
	}
	uni-text{
		color: $cm-form-right-icon-color;
	}
 }

 .item-time {
     color: $u-type-info-dark;
     font-size: 26rpx;
     font-family: '微软雅黑', sans-serif;
 }

 .part-right {
    font-size: 30rpx;
    font-weight: 600;
	color: $u-type-warning;
 }
 .part-right-type{
	font-size: 30rpx;
	font-weight: 400;
	margin-top: 20rpx;
	color: $font-color-spec;
	flex-shrink: 0;
 }
 .part-right-quick{
	color: white;
	padding: 5rpx 10rpx;
	width: 50rpx;
	margin-left: 15rpx;
	border-radius: 50%;
	text-align: center;
	background-color: $u-type-error;
 }

.addr-bt{
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}

.addr-lay{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-grow: 1;
  align-items: top;
  margin: 16rpx 0;
  font-size: 24rpx;
  :nth-child(n){
	margin: 5rpx 0;
  }
  :last-child{
	margin-left: 16rpx;
  }
}
</style>
